import { useEffect, useState } from 'react';
import ProCard from '@ant-design/pro-card';

import { Input, Button } from 'antd';
const { TextArea } = Input;

import { getSetting } from '../../../services/ant-design-pro/api'


const seo_son = () => {
    let [sdata, setsdata] = useState<any>([]);
    useEffect(() => {
        getSetting().then(res => {
            console.log(res.seoKeyword);
            console.log(res);

            setsdata(res);
        })
    }, [])

    return (
        <div>
            <ProCard direction="column" ghost gutter={[0, 8]}>
                <p>关键词</p>
                <Input placeholder="请输入关键词,空格分割" style={{width:'1100px'}} value={sdata.seoKeyword} />
                <p style={{margin:'25px 0px 15px 0px'}}>描述信息</p>
                <TextArea rows={4} placeholder="请输入描述信息" style={{width:'1100px'}} value={sdata.seoDesc} maxLength={6} />
                <Button key="3" type="primary"style={{margin:'35px 0px 15px 0px'}}>
                    保存
                </Button> 
            </ProCard>
        </div>
    )
}
export default seo_son
